<template>
<div id="out8">
    <div id="top3">
		<a href="#/ShopCon"><img id="imgTop1" src="../assets/img/duanhuowang/zuojiantou.png" alt=""/></a>
		<span>确认订单</span>
	</div>
	<div id="back"></div>
	<a href="#/DingdanXq">
	<div class="addd">
		<div>
			<img src="../assets/img/gouwuche/jiahao.png" alt=""/>
			<span>添加收货地址</span>
		</div>
	</div>
	</a>
	<div class="adddd">
		<div>
			
		</div>
	</div>
</div>
</template>

<script>
	export default {
		name: '',
		methods: {
			round2: function() {
				
			},
		},
		mounted: function() {
			//只有在mounted之后，才可以执行dom操作，也就是说可以在这个方法里面执行那些需要加载立即执行的方法
			this.round2();
		},
	}
</script>

<style>
	a{
		color: black;
		text-decoration: none;
	}
	#out8{
		background: #f2f2f2;
	}
	#out8>#back{
		height: 9.6rem;
		padding-bottom: 2rem;
	}
	#out8 #top3 {
		width: 100vw;
		height: 9.6rem;
		background: #e53e42;
		color: white;
		display: flex;
		position: fixed;
		z-index: 10;
		align-items: center;
		justify-content: space-around;
	}
	#out8 #imgTop1 {
		width: 2.3rem;
		height: 3.8rem;
	}
	
	#out8 #top3>span {
		text-align: center;
		padding-right: 8rem;
		box-sizing: border-box;
		width: 57.6rem;
		height: 3.6rem;
		font-family: MicrosoftYaHei;
		font-size: 3.6rem;
		line-height: 3.6rem;
	}
	.addd{
		height: 12rem;
		background: url(../assets/img/gouwuche/langang.png) no-repeat;
		background-size: 100% 100%;
		display: flex;
		align-items: center;
		justify-content: space-around;
	}
	.addd>div{
		width: 100vw;
		height: 10rem;
		display: flex;
		align-items: center;
		justify-content: space-around;
        background: white;
        padding-left: 2.5rem;
	}
	.addd>div>img{
		width: 4.8rem;
		height: 4.8rem;
	}
	.addd>div>span{
		font-size: 2.8rem;
		color: #808080;
		width: 59rem;
	}
	.adddd{
		height: 12rem;
		background: url(../assets/img/gouwuche/xingxing.png) no-repeat;
		background-size: 100% 100%;
		display: flex;
		align-items: center;
		justify-content: space-around;
		margin: 2rem 0;
		margin-bottom: 0;
	}
	.adddd>div{
		width: 100vw;
		height: 10.5rem;
		display: flex;
		align-items: center;
		justify-content: space-around;
        background: white;
        padding-left: 2.5rem;
	}
</style>